<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">
<ui:composition template="/WEB-INF/template/templateEmpresa.xhtml">
	<ui:define name="conteudo">
		<f:view>
			<h:form id="form">
			<p:messages id="error" showDetail="true" autoUpdate="true" styleClass="messages"/>
				<p:layout>
					<p:layoutUnit position="center" header="Cadastro de Clientes" id="cadastro">
						<p:panel header="Informações Gerais">
							<p:panelGrid columns="4">
								<p:outputLabel value="Nome Completo:" />
								<p:inputText id="nm_cliente" value="#{clienteMB.cliente.nm_cliente}" required="true" size="100"/>
								<p:outputLabel value="Data de Nascimento: "/>
								<p:calendar required="true" value="#{clienteMB.cliente.dt_nascimento}" size="10" mask="99/99/9999"/>
								<p:outputLabel value="CPF: "/>
								<p:inputMask mask="999.999.999-99" id="cpf" required="true" value="#{clienteMB.cliente.cpf}" size="14"/>
								<p:outputLabel value="Telefone: "/>
								<p:inputMask mask="(99)-9999-9999?9" id="telefone" required="true" value="#{clienteMB.cliente.nr_telefone}" size="16"/>
							</p:panelGrid>
						</p:panel>
						<p:panel header="Endereço">
							<p:panelGrid columns="4">
								<p:outputLabel for="estado" value="Estado: " styleClass="outputlabel"/>
									<p:selectOneMenu id="estado" value="#{clienteMB.estado}" converter="entityConverter" filter="true" filterMatchMode="contains">
									<p:ajax event="change" update="cidade" />
									<f:selectItem itemLabel="Selecione o Estado" itemValue="" noSelectionOption="true" />
									<f:selectItems value="#{clienteMB.estados}"></f:selectItems>
								</p:selectOneMenu>

								<p:outputLabel for="cidade" value="Cidade: " styleClass="outputlabel"/>
									<p:selectOneMenu id="cidade" value="#{clienteMB.cliente.cidade}" converter="entityConverter" filter="true" filterMatchMode="contains">
									<f:selectItem itemLabel="Selecione a cidade: " itemValue="" />
									<f:selectItems value="#{clienteMB.estado.cidades}" />
								</p:selectOneMenu>
							</p:panelGrid>
							<p:panelGrid columns="2">
								<p:outputLabel value="Rua: "/>
								<p:inputText value="#{clienteMB.cliente.rua}" required="true" size="120"/>
								<p:outputLabel value="Bairro: "/>
								<p:inputText value="#{clienteMB.cliente.bairro}" size="100"/>
							</p:panelGrid>
							<p:panelGrid columns="6">
								<p:outputLabel value="Complemento:"/>
								<p:inputText value="#{clienteMB.cliente.complemento}" size="40"/>
								<p:outputLabel value="Numero:"/>
								<p:inputText value="#{clienteMB.cliente.numero}" size="10"/>
								<p:outputLabel value="CEP:"/>
								<p:inputMask mask="99.999-999" id="cep"	value="#{clienteMB.cliente.cep}" required="true" size="10"/>
							</p:panelGrid>
								<p:commandButton value="Gravar" icon="ui-icon-disk" actionListener="#{clienteMB.gravaCliente}" update=":form"/>
						</p:panel>
					</p:layoutUnit>
				</p:layout>

			</h:form>
		</f:view>
	</ui:define>
</ui:composition>
</html>